<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>治安管理</title>
    <link rel="stylesheet" href="css/jquery-ui.css">
    <link rel="stylesheet" href="./css/safe.css">
    <link rel="stylesheet" href="./css/safe1.css">
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
<!-- 标题 -->
<h5 class="Safe-title">拱墅区“城市眼·云共治”平台————治安管理</h5>
<!-- 内容 -->
<article class="htmleaf-container">
    <div class="tuodong">
        <div class="left1">态势分析</div>
        <div class="left2">概况</div>
        <div class="left3">告警列表</div>
        <div class="left4">处置排行</div>
        <div class="left5">告警占比</div>
        <div class="left6">地图</div>
        </div>
    <div class="htmleaf-content">
        <div id="container">
            <div class="draggable t2">
                <div class="XY"></div>
                <div class="cont">
                    <div class="Safe-kk">
                        <h6>概况</h6>
                        <ul class="SafeL-head">
                            <li>
                                <p>1.932</p>
                                <p>场景总量</p>
                            </li>
                            <li>
                                <p>1.932</p>
                                <p>对象总量</p>
                            </li>
                            <li>
                                <p>1.932</p>
                                <p>点位总量</p>
                            </li>
                        </ul>
                        <ul class="SafeL-nav">
                            <li>
                                <div class="SafeL-ti">今年预警总量</div>
                                <div class="SafeL-bottom">
                                    <h6>22,990</h6>
                                    <div class="SafeLb-right">
                                        <p>今日新增</p>
                                        <div class="pic">
                                            <p>33</p>
                                            <img src="images/up.png" alt="">
                                        </div>

                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="SafeL-ti">今年预警总量</div>
                                <div class="SafeL-bottom">
                                    <h6>22,990</h6>
                                    <div class="SafeLb-right">
                                        <p>今日新增</p>
                                        <div class="pic">
                                            <p>33</p>
                                            <img src="images/up.png" alt="">
                                        </div>

                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>

            </div>
            <div class="draggable t3">
                <div class="XY"></div>
                <div class="cont">
                    <div class="SafeL-foot">
                        <h6>今日辖区场景告警列表</h6>
                        <ul>
                            <li>区域</li>
                            <li>护校安园</li>
                            <li>敏感场所</li>
                            <li>人员聚集</li>
                        </ul>
                        <ul>
                            <li>拱宸桥</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>祥符</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>和睦</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>小河</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>湖墅</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>米市巷</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>大关</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>上塘</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul>
                            <li>康桥</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                        <ul class="ul">
                            <li>半山</li>
                            <li>42.872</li>
                            <li>3.213</li>
                            <li>31.212</li>
                        </ul>
                    </div>
                    <img src="./images/del.png" class="img">
                </div>

            </div>
        </div>
        <a class="yulan">预览</a>
    </div>

</article>

</body>
<script src="js/echarts.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.js"></script>
<script src="js/jquery.ba-resize.js"></script>
<script src="js/tuozhui.js"></script>

<!-- <script src="./js/safe.js"></script> -->
<script type="text/javascript">
    (function (doc, win) {
        var docEl = doc.documentElement,
            resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
            recalc = function () {
                var clientWidth = docEl.clientWidth;
                if (!clientWidth) return;
                // docEl.style.fontSize = 100 * (1280 / 3840) + 'px';
                docEl.style.fontSize = 100 * (clientWidth / 3200) + 'px';
            };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener('DOMContentLoaded', recalc, false);
    })(document, window);

    $('.yulan').click(function () {
        var cont = $('#container').html();
        window.open("yulan.html");
        window.localStorage.setItem('cont', cont);
    })

</script>
</html> 